        <hr>

        <!-- Footer -->
        <div class="container-fluid">
            <div class="row">
                <div class="col-md-4 col-sm-4 col-xs-4">
                    <ul class="list-inline smaller">
                        <li>&copy; <a href="index.html">Karina Kreth</a></li>
                    </ul>
                </div>
                <div class="col-md-8 col-sm-8 col-xs-8 text-right">
                    <ul class="list-inline smaller">
                        <li><a href="#">About</a></li>
                        <li>|</li>
                        <li><a href="" data-toggle="modal" data-target=".bs-example-modal-sm">Newsletter</a></li>
                        <li>|</li>
                        <li><a href="#"><i class="fa fa-instagram"></i></a></li>
                        <li>|</li>
                        <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                        <li>|</li>
                        <li><a href="#"><i class="fa fa-envelope"></i></a></li>

                    </ul>
                    <br>
                </div>
            </div>
        </div>
        <!-- Fin Footer -->

        <!-- Bootstrap core JavaScript
        ================================================== -->
        <!-- Placed at the end of the document so the pages load faster -->
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
        <script src="js/bootstrap.min.js"></script>
        <script src="js/jquery.lazyload.min.js" type="text/javascript"></script>
        <script type="text/javascript" charset="utf-8">
            $(function() {
                $("img.lazy").lazyload({
                    effect: "fadeIn"
                });
            });
        </script>        
    </body>
</html>